<template>
    <section class="content">
      <div class="row">
        <div class="col-sm-12">
          <div class="box box-info">
            <div class="box-header with-border">
              <h3 class="box-title">修改密码</h3>
            </div>
            <div class="box-body">
              <div class="form-group">
                <div class="">
                  <label for="" class="control-label">请输入旧密码：</label>
                  <div class="">
                    <input type="text" class="form-control" placeholder="请输入旧密码">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="">
                  <label for="" class="control-label">请输入新密码：</label>
                  <div class="">
                    <input type="text" class="form-control" placeholder="请输入新密码">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <div class="">
                  <label for="" class="control-label">请再次输入新密码：</label>
                  <div class="">
                    <input type="text" class="form-control" placeholder="请再次输入新密码">
                  </div>
                </div>
              </div>
              <div class="form-group">
                <button class="btn btn-info">保存</button>
                <button class="btn btn-default">关闭</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
</template>

<script>
    export default {
        name: "changeThePassword"
    }
</script>

<style scoped>

</style>
